<?php
/**
 * 熵巡 - 企业级氚云OpenAPI数据管理平台
 * 开发归属 Alyr.net
 * 数据查询内容页 - 表单数据查询、筛选、展示
 * 尊重劳动成果是一种美德
 */
?>
<!-- 数据查询内容页面 -->
<div class="query-panel">
    <div class="query-filters">
        <h4>筛选条件</h4>
        <div class="filter-container">
            <label>表单选择:</label>
            <select id="query-schema-select">
                <option value="">加载中...</option>
            </select>

            <label>时间范围:</label>
            <select id="query-date-type" onchange="toggleQueryDateInputs()">
                <option value="today" selected>当日</option>
                <option value="yesterday">昨日</option>
                <option value="week">近七天</option>
                <option value="month">近一月</option>
                <option value="custom">自定义</option>
            </select>
            
            <span id="query-custom-dates" style="display:none;">
                <input type="date" id="query-start-date">
                <span>至</span>
                <input type="date" id="query-end-date">
            </span>
            
            <label>显示条数:</label>
            <select id="query-data-limit">
                <option value="500">500 条</option>
                <option value="1000">1000 条</option>
                <option value="5000" selected>5000 条</option>
                <option value="10000">10000 条</option>
            </select>
            
            <label>排序方式:</label>
            <select id="query-sort-order">
                <option value="desc" selected>时间降序</option>
                <option value="asc">时间升序</option>
            </select>
            
            <button id="query-btn" class="btn btn-primary" onclick="manualQuery()">
                <span id="query-btn-text">查询数据</span>
            </button>
            <button class="btn btn-secondary" onclick="resetQueryFilters()">
                重置筛选
            </button>
        </div>
    </div>
    
    <div class="query-header">
        <span id="query-status" class="query-status">请选择筛选条件，点击"查询数据"按钮开始查询...</span>
    </div>
    
    <div id="query-results" class="query-results">
        <!-- 查询结果将显示在这里 -->
    </div>
</div>
